@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}

.web {
    background: white;
    header {
        overflow: hidden;
        .ba {
            width: p(123);
            height: p(57);
            border: p(3) solid #ff9a50;
            border-radius: p(16);
            text-align: center;
            line-height: p(53);
            float: left;
            margin-left: p(23);
            margin-top: p(48);
            a {
                font-size: p(26);
                color: black;
            }
        }
        .h1 {
            text-align: center;
            margin-top: p(65);
            h1 {
                font-size: p(26);
            }
        }
        .xif {
            width: p(62);
            height: p(56);
            overflow: hidden;
            float: right;
            margin-right: p(18);
            margin-top: p(45);
            a {
                img {
                    width: 100%;
                }
            }
        }
    }
    section {
        margin-top: p(19);
        .tou {
            display: inline-block;
            width: p(170);
            height: p(170);
            border-radius: 50%;
            overflow: hidden;
            margin-left: p(24);
            a {
                img {
                    width: 100%;
                }
            }
        }
        .shez {
            display: inline-block;
            vertical-align: top;
            font-size: 0;
            margin-left: p(24);
            h1 {
                margin-top: p(34);
                a {
                    font-size: p(30);
                    color: black;
                }
            }
            h2 {
                margin-top: p(36);
                a {
                    font-size: p(26);
                    color: #9d9d9d;
                }
            }
        }
        p {
            float: right;
            margin-right: p(22);
            margin-top: p(60);
            a {
                font-size: p(46);
                color: black;
            }
        }
    }
    .nav {
        margin-top: p(20);
        .ang {
            width: p(190);
            height: p(150);
            overflow: hidden;
            float: left;
            margin-left: p(23);
            img {
                width: 100%;
            }
        }
        .ping {
            width: p(190);
            height: p(150);
            overflow: hidden;
            margin: auto;
            img {
                width: 100%;
            }
        }
        .youh {
            width: p(190);
            height: p(150);
            overflow: hidden;
            float: right;
            margin-right: p(24);
            img {
                width: 100%;
            }
        }
    }
    article {
        .bao {
            margin-left: p(23);
            margin-top: p(32);
            .xbz {
                display: inline-block;
                width: p(57);
                height: p(73);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
            h1 {
                display: inline-block;
                vertical-align: middle;
                margin-left: p(34);
                a {
                    font-size: p(26);
                    color: black;
                }
            }
             .xbz1 {
                display: inline-block;
                width: p(71);
                height: p(74);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
            h4 {
                display: inline-block;
                vertical-align: middle;
                margin-left: p(20);
                a {
                    font-size: p(26);
                    color: black;
                }
            }
            .xbz2 {
                display: inline-block;
                width: p(93);
                height: p(59);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
            
            h3 {
                display: inline-block;
                vertical-align: middle;
//               margin-left: p(38);
                a {
                    font-size: p(26);
                    color: black;
                }
            }
             .xbz3 {
                display: inline-block;
                width: p(59);
                height: p(59);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
             .xbz4 {
                display: inline-block;
                width: p(84);
                height: p(59);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
             h6{
                display: inline-block;
                vertical-align: middle;
              margin-left: p(20);
                a {
                    font-size: p(26);
                    color: black;
                }
            }
            .xdl {
                float: right;
                font-size: 0;
                margin-top: p(36);
                a {
                    h2 {
                        display: inline-block;
                        font-size: p(24);
                        color: black;
                        vertical-align: middle;
                        margin-right: p(8);
                    }
                    .jit {
                        display: inline-block;
                        width: p(25);
                        height: p(26);
                        overflow: hidden;
                        vertical-align: middle;
                        margin-right: p(21);
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .bao1{
             margin-left: p(23);
            margin-top: p(76);
            .xbz4{
                 display: inline-block;
                width: p(79);
                height: p(79);
                overflow: hidden;
                vertical-align: middle;
                a {
                    img {
                        width: 100%;
                    }
                }
            }
              
            h5{
                display: inline-block;
                vertical-align: middle;
              margin-left: p(20);
                a {
                    font-size: p(26);
                    color: black;
                }
            }
            .xdl {
                float: right;
                font-size: 0;
                margin-top: p(36);
                a {
                    h2 {
                        display: inline-block;
                        font-size: p(24);
                        color: black;
                        vertical-align: middle;
                        margin-right: p(8);
                    }
                    .jit {
                        display: inline-block;
                        width: p(25);
                        height: p(26);
                        overflow: hidden;
                        vertical-align: middle;
                        margin-right: p(21);
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .anniu{
            font-size: 0;
            margin-top: p(50);
              margin-bottom: p(148);
            .pu{
                width: p(147);
                height: p(76);
                background: #ff9344;
                text-align: center;
                line-height: p(76);
                color: white;
                border-radius: p(29);
                margin-left: p(109);
            }
            .pu1{
                  width: p(147);
                height: p(76);
                background: #ff9344;
                text-align: center;
                line-height: p(76);
                color: white;
                border-radius: p(29);
                float: right;
             margin-right: p(103);
            }
        }
    }
     //脚注
     footer {
         position: fixed;
         width: 100%;
         bottom: p(0);
         background: white;
         padding: p(16) 0;
        ul {
            li {
                float: left;
                width: 25%;
                text-align: center;
                a {
                    display: block;
                    color: black;
                    font-size: p(26);
                }
                a:first-child {
                    font-size: p(72);
                    color: #FF9344;
                }
            }
        }
    }
}